<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<div id="${id}_div" class="rj-rating" xmlns:t="http://tapestry.apache.org/schema/tapestry_5_0_0.xsd">

	<script type="text/javascript">
		Event.observe(window, "load", function() {
			var divId = "${id}_div";
			var selectedImage = "${selectedImage}";
			var unselectedImage = "${unselectedImage}";
			new RatingField(divId, selectedImage, unselectedImage);
		});
	</script>

	<t:radiogroup t:id="radioGroup">
	
		<t:loop t:id="loop">
			<div class="rj-rating-choice">
				<span>
					<input class="rj-rating-choice-input" t:id="radio" type="radio" alt="${radioLabel}" title="${radioLabel}" />
					<label class="rj-rating-choice-label" t:id="label">radio</label>
				</span>
			</div>
		</t:loop>
		
	</t:radiogroup>
	
</div>